<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <title>Hamster'mind - Règles du jeu</title>

    <style type="text/css" media="all">
	  @import "css/mainstyle.css";
	  @import "css/regles.css";
    </style>
    
    <script src="libs/jquery-1.3.2.min.js" type="text/javascript"></script>
    
    <script src="js/regles.js" type="text/javascript"></script>
    <script src="js/gestion_bulle.js" type="text/javascript"></script>
    
  </head>
  <body>

    <div id="global">
		<div id="header">
			<img src="images/logo.png" id="imglogo" alt="logo missing"/>
			<img src="images/title.png" id="imgtitle" alt="title missing"/>
			<img src="images/hamsteraccroche.png"  id="imgaccroche" alt="hamsteraccroche missing"/>
		</div>
		<div id="navigation">
			<ul>
				<li><a href="index.html">Accueil</a></li>
				<li class="jouer"><a href="mastermind.html">Hamster'mind!</a></li>
				<li class="actuel"><a href="regles.html">Règles</a></li>
				<li><a href="contact.html">Contact</a></li>
				<li><a href="credits.html">Crédits</a></li>
			</ul>
		</div><!-- #navigation -->
		
		<div id="content">
			<div id="rightcontent">
				<div id="bulle">
					<p>*snurk* Cliquez sur une des images ci-dessous pour sélectionner la catégorie correspondante... *snurk*</p>
					[ <span class="cacher_bulle">cacher</span> ]
				</div>
			
				<div id="rightcontent_apresbulle">
					<div class="sousmenuregle sousmenuregle1"><div class="sousmenuoverlay smo1"><div class="smotext1">Clic! *snurk*</div></div></div>
					<p class="centre">Règles du jeu</p>
						
					<br/>
						
					<div class="sousmenuregle sousmenuregle2"><div class="sousmenuoverlay smo2"><div class="smotext2">Clic! *snurk*</div></div></div>
					<p class="centre">Interface du site</p>
				</div>
			</div>
		    <div id="maincontent">
					<div id="regles_souscat1">
						<h2>Les règles du jeu de Hasmter'Mind</h2>
						<br/>
						<h3>Présentation</h3>

						<p>Le jeu se présente sous la forme d'un plateau de 12 rangées de 4 trous pouvant accueillir des pions 
						de couleurs. Il y a 8 couleurs de pions différentes : bleu, gris, violet, vert, orange, blanc, rouge et jaune.</p>
						
							<p class="centre"><img src="images/regles/pions-overview.png" alt="pions" /></p>
							<br/>
						
						<p>Il y a également des pions noirs et blancs plus petits utilisés pour donner des indications et placés 
						sur la droite du plateau.</p>
						
							<p class="centre"><img src="images/regles/resultat.png" alt="pions de droite" /></p>
						
						<br/>
						<br/>
						<h3>Règles du jeu</h3>
						
						<p>Au début de la partie, le Hamster pirate de l'espace, votre adversaire, va placer ses pions de couleurs 
						de manière invisible pour vous.</p>
						
						<p>Le but est de retrouver quels sont les 4 pions qu'il a choisi et d'en connaître les positions.
						Pour cela, à chaque tour, vous avez pour mission de vous servir des pions de couleurs pour former une 
						rangée et vous rapprocher le plus possible de la solution (ou de la trouver) car le nombre de lignes 
						sur le plateau  (et donc le nombre d'essais pour trouver la solution) est limité.</p>
						
						<p>Une fois les pions placés, le Hamster pirate de l'espace indiquera dans la zone de droite du plateau
						correspondant à la dernière ligne jouée :</p>
						<ul>
						   <li>Le nombre de pions de la bonne couleur et bien placés en utilisant les petits pions noirs</li>
						   <li>Le nombre de pions de la bonne couleur mais mal placés avec les petits pions blancs</li>
						</ul>
						
						<p class="gras">Attention : En aucun cas les pions bien placés sont indiqués.</p>
						
						<br/>
						<h3>Fin de la partie</h3>
						
						<p>Il y a deux possibilités pour qu'un partie se termine :</p>
						<ul>
						   <li>Vous n'avez pas réussi à trouver la solution en 12 essais, la partie est perdue, mais attention,
						   votre mission échouée, le Hamster pirate de l'espace sera libre d'étendre son joug maléfique à tout 
						   l'univers et de vous piquer votre copine</li>
						   <li>Vous avez trouvé la solution assez rapidement, la partie est gagnée, à vous les femmes, l'alcool, 
						   et un tapis en poils de hamster</li>
						</ul>
						
							<p class="centre"><img src="images/hamster_pirate.jpg" alt="pions de droite" /></p>
						
					</div>
					
					<div id="regles_souscat2">
						<h2>Comment utiliser l'interface du site?</h2>
						
						<h3>La page du jeu : "Hamster'mind"</h3>
						<p>Ceci est la partie dans laquelle vous pourrez jouer des parties endiablées de Hamster'mind contre 
						votre ennemi : le hamster pirate de l'espace.</p>
						<p>Tout d'abord, jetez un oeil à la partie droite de la page (voir capture d'écran). Vous pourrez y 
						voir votre terrible ennemi. Mais ne prenez pas peur! Il ne vous fera pas de mal... du moins pas tant 
						que vous ne perdrez pas une partie... A la base il est simplement là pour jouer contre vous et vous 
						parler un peu durant la partie!</p>
						
						<p class="centre"><img src="images/regles/mechant.png" alt="Le méchant" /></p>
						
						<p>D'autre part, vous pourrez voir que la partie gauche de la page représente un plateau. C'est ici 
						vous pourrez jouer vos partie de Hamster'mind. Vous noterez qu'il comprend 13 lignes. Les 12 premières 
						sont l'"historique" de la partie avec tous les coups que vous avez joué (les pions que vous avez placé 
						à gauche et les marqueurs d'indices placés par votre adversaire à droite), et la dernière ligne en bas 
						est le coup que vous êtes en train de jouer. Pour mettre un pion, faite simplement glisser sa tête jusqu'à 
						son trou en cliquant dessus et en ne relachant le clic qu'une fois au dessus de l'emplacement désiré. Une
						fois les quatres pions placés, appuyez simplement sur le bouton "Valider".</p>
						
						<p class="centre"><img src="images/regles/dnd.png" alt="drag and drop" /></p>
						
						<p>Le coup que vous venez de jouer viendra se placer dans la dernière ligne disponible sur le plateau, et
						ainsi de suite...</p>
						
						<p class="centre"><img src="images/regles/ordre_jeu.png" alt="ordre de jeu" /></p>
						
						<p>Suivant si vous avez gagné ou perdu la partie, le jeu vous annonce le résultat (et la solution si 
						nécessaire), puis vous avez la possibilité de recommencer une partie en cliquant simplemet sur 
						"Recommencer".</p>
						
						<p>Pour finir, notez bien que le bouton placé tout en bas de la page vous permettra d'activer ou de 
						désactiver les effets sonores.</p>
						
						<p class="centre"><img src="images/regles/son.png" alt="son" /></p>
						
						<br />
						
						<h3>La page des règles du jeu</h3>
						<p>C'est la page sur laquelle vous vous trouvez, le fonctionnement en est simple, cliquer sur une 
						des images dans la partie de droite de la page pour acceder soit aux règles du jeu, soit à une 
						explication du fonctionnement de l'interface du site (vous êtes ici).</p>
						
						
						<br />
						
						<h3>La page des contacts</h3>
						<p>Ici, vous aurez la possibilité d'entrer en contact avec l'équipe des créateurs du site en 
						remplissant le formulaire.</p>
						
						<br />
						
						<h3>La page des crédits</h3>
						
						<p>Enfin, sur cette page vous pourrez simplement retrouver des informations sur l'équipe qui a 
						créé ce site ainsi que les CV de chacun des membres.</p>
					</div>
		    </div>
		</div>
		<div id="footer">
		</div>
    </div>
  </body>
</html>
